@import '../../styles/yeti-variables';

.cluster-navigation {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 1em;
  padding: 10px;
  .cluster-name {
    font-size: 1.6em;

    small {
      font-size: .5em;
      color: $gray-light;
    }
  }
  .nodes {
    .popover {
      color: #000;
    }
    > a.btn {
      margin-right: 0.5em;
    }
    .btn {
      margin-right: 0.5em;
    }
  }
  border-bottom: solid rgba(91, 141, 176, 0.15) thin;
  border-top: solid rgba(91, 141, 176, 0.15) thin;
  background-color: rgba(242, 242, 242, 0.58);

  .btn-group {
    li > a {
      border-bottom: 1px solid #ccc;
      font-size: $font-size-medium;
      &.active {
        color: $state-info-text;
        background: $btn-primary-bg;
      }
    }
  }
}

.status_color_red {
  color: red;
}

.status_color_yellow {
  color: #ffb02a;
}

.status_color_green {
  color: green;
}